<template>
	<!-- 还款记录 -->
	<view class="layout">
		<view class="Buttom">
			<view class="row">
				<view class="rowLeft">
					<text>还款前端工程师悬赏岗位</text>
					<text class="time">2019-12-09 &nbsp;&nbsp;21:54:32</text>
				</view>
				<view class="rowRight">
					<text>+300.00</text>
				</view>
			</view>
			<view class="row">
				<view class="rowLeft">
					<text>还款前端工程师悬赏岗位</text>
					<text class="time">2019-11-09 &nbsp;&nbsp;21:54:32</text>
				</view>
				<view class="rowRight">
					<text>+500.00</text>
				</view>
			</view>
			<view class="row">
				<view class="rowLeft">
					<text>还款营岗位悬赏岗位</text>
					<text class="time">2019-12-09 &nbsp;&nbsp;21:54:32</text>
				</view>
				<view class="rowRight">
					<text>+500.00</text>
				</view>
			</view>
			<view class="row">
				<view class="rowLeft">
					<text>还款营岗位悬赏岗位</text>
					<text class="time">2019-11-09 &nbsp;&nbsp;21:54:32</text>
				</view>
				<view class="rowRight">
					<text>+600.00</text>
				</view>
			</view>
			<view class="row">
				<view class="rowLeft">
					<text>还款营岗位悬赏岗位</text>
					<text class="time">2019-11-09 &nbsp;&nbsp;21:54:32</text>
				</view>
				<view class="rowRight">
					<text>+600.00</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	 .layout{
		 padding: 30rpx;
		 .Buttom{
		 	.row{
		 		border-bottom: 1px solid #eee;
		 		height: 110rpx;
		 		display: flex;
		 		justify-content: space-between;
		 		align-items: center;
		 		font-size: 34rpx;
		 		padding: 10rpx 5rpx 0 0;
		 		.rowLeft{
		 			display: flex;
		 			flex-direction: column;
		 			font-weight: bold;
		 			.time{
		 				font-size: 25rpx;
		 				color: #999;
		 			}
		 		}
		 		.rowRight{
		 			display: flex;
		 			align-items: center;
		 			font-size: 35rpx;
		 			color: #FA6349;
		 		}
		 	}
		 }
	 }      
</style>
